<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>堆糖</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="stylesheet" href="./css/font-awesome.min.css">
	</head>

	<body>
		<div class="header">
			<div class="container" style="max-width: 1000px;">
				<div class="row">
					<div class="col-md-3 col-12"><img src="img/5cf462d7d4d4b25841_03.png" alt="" style="    padding-right: 26px;" />
						<div class="btn-group" role="group">
							<button id="btnGroupDrop1" type="button" class="btn btn-ligh dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="">分类</button>
							<div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
								<a class="dropdown-item" href="#">Dropdown link</a>
								<a class="dropdown-item" href="#">Dropdown link</a>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-12">
						<div class="input-group" style="width: 300px;    padding: 4px 0;">
							<input type="text" style="height: 41px;  font-size: 14px;   border-radius: 25px 0 0 25px;" class="form-control" placeholder="搜索感兴趣的内容" aria-label="Username" aria-describedby="basic-addon1">
							<div class="input-group-prepend">
								<button class="input-group-text" id="basic-addon1" style="  background: #ff7e7e; border-radius: 0 25px 25px 0px;"><img src="img/5cf462d7d4d4b25841_06.png"/></button>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-12">
						<span><a href="">堆糖生活家</a></span>
						<span><a href="">注册/登录</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="container" style="max-width: 1000px;">
				<div class="top">
					<img src="img/20190325145955_HarRc.jpeg" class="on"/>
					<img src="img/20190325145927_Yvswj.jpeg" class="tw"/>
				</div>
				<div class="navs">
					<div class="row">
						<div class="col-md-9 col-12">
							<img src="img/5cf462d7d4d4b25841_04.png" />
						</div>
						<div class="col-md-3 col-12" style="padding: 0;border: 1px solid #e0e0e0;">
							<h3>社区热点</h3>
							<div class="tag">
								<div class="tag-d">
									<a href="#">小怪兽</a>
								</div>
								<div class="tag-d">
									<a href="#">我只喜欢你</a>
								</div>
								<div class="tag-d">
									<a href="#">可爱</a>
								</div>
								<div class="tag-d">
									<a href="#">桃子</a>
								</div>
								<div class="tag-d">
									<a href="#">线猫</a>
								</div>
								<div class="tag-d">
									<a href="#">儿童节</a>
								</div>
								<div class="tag-d">
									<a href="#">木村光希</a>
								</div>
								<div class="tag-d">
									<a href="#">毕业</a>
								</div>
							</div>
							<div class="tiao">
								<div class="one">
									<a href="#">
										<span class="zuo">精选</span>
										<span class="you">招募。少女感养成…</span>
									</a>
								</div>
								<div class="two">
									<a href="#">
										<span class="zuo">工具</span>
										<span class="you">堆糖收图小助手</span>
									</a>
								</div>
							</div>
							<div class="down">
								<div class="en" style="float: left;"><img src="img/20180606174907_1.png" /></div>
								<div class="xiazai" style="float: left;">
									<h4>堆糖 - 美好生活研究所</h4>
									<p>最佳生活类应用</p>
									<a href="#">立即下载</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="p">
					<div class="row">
						<div class="col-md-9 col-12">
							<div class="row">
								<div class="col-md-3 col-12">
									<ul class="nav">
										<li class="o">
											每日精选
											<i class="shu"></i>
										</li>
										<li>关注动态</li>
									</ul>
								</div>
								<div class="col-md-9 col-12">
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/5cf462d7d4d4b25841_02.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">堆糖小喇叭</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">留下壁纸，我们就是朋友！</p>
										<div class="img">
											<img src="img/tu1.png" />
											<a href="#">堆糖小喇叭</a>
											<img src="img/xiao-1_03.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>140</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>219</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t2.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">coloroom彩条屋</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">让观众苦等十年的《夏目友人帐》到底是什么？</p>
										<div class="img">
											<img src="img/tu2.png" />
											<a href="#">coloroom彩条屋</a>
											<img src="img/t2.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>1228</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>1581</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t3.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">美少女PINK酱</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
										<div class="img">
											<img src="img/tu3.png" />
											<a href="#">美少女PINK酱</a>
											<img src="img/t3.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>161</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>765</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t4.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">-你是我全世界最喜欢的猪-</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">有哪些适合摘抄的文艺且悲凉的句子？</p>
										<div class="img"><img src="img/tu4.png" /></div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>82</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>274</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t5.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">干脆面炼金术士</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">人生的意义，在于一天比一天活得快乐</p>
										<div class="img">
											<img src="img/tu5.png" />
											<a href="#">干脆面炼金术士</a>
											<img src="img/t5.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>54</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>104</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t6.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">堆糖小喇叭</h4>
												<p style="margin: 0; color: #999;">主题-我曾为你动过情</p>
											</div>
										</div>
										<p style="margin-top: 15px;">我曾为你动过情</p>
										<div class="img">
											<img src="img/tu6.png" />
											<a href="#">堆糖小喇叭</a>
											<img src="img/t6.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>300</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>665</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t7.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">-你是我全世界最喜欢的猪-</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">登上70所高校学生借阅排行榜的九本书</p>
										<div class="img">
											<img src="img/tu7.png" />
											<a href="#">-你是我全世界最喜欢的猪-</a>
											<img src="img/t7.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>59</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>151</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t8.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">情写风月</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">799风景内侧美化包</p>
										<div class="img">
											<img src="img/tu8.png" />
											<a href="#">情写风月</a>
											<img src="img/t8.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>35</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>22</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t9.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">审</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">火影你们粉谁 留名我去截头像！</p>
										<div class="img"><img src="img/tu9.png" /></div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>9</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>1</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t10.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">美少女PINK酱</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
										<div class="img">
											<img src="img/tu10.png" />
											<a href="#">美少女PINK酱</a>
											<img src="img/t10.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>57</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>126</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t11.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">少女感养成学院</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">同桌的你</p>
										<div class="img">
											<img src="img/tu11.png" />
											<a href="#">少女感养成学院</a>
											<img src="img/t11.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>89</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>106</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t12.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">堆糖小喇叭</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">我的CP真香！</p>
										<div class="img">
											<img src="img/tu12.png" />
											<a href="#">堆糖小喇叭</a>
											<img src="img/t12.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>91</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>107</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t13.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">白日做梦大熊</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">当女生也太太太太不容易了</p>
										<div class="img">
											<img src="img/tu13.png" />
											<a href="#">白日做梦大熊</a>
											<img src="img/t13.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>78</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>76</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t14.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">-你是我全世界最喜欢的猪-</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">有哪些好看 值得回味的爱情电影？</p>
										<div class="img"><img src="img/tu14.png" /></div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>80</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>293</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t15.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">堆糖Class小助手</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">伴随一生的「少女感」，拥有他一点也不难</p>
										<div class="img">
											<img src="img/tu15.png" />
											<a href="#">堆糖Class小助手</a>
											<img src="img/t15.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>34</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>41</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t16.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">飞乐鸟</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">女生前往别看这些言情小说……不然会被里面的沙雕桥段给</p>
										<div class="img">
											<img src="img/tu16.png" />
											<a href="#">飞乐鸟</a>
											<img src="img/t16.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>68</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>63</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t17.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">美少女PINK酱</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">7个私藏的小众APP，使用又有bigger，用过三款算我输！</p>
										<div class="img">
											<img src="img/tu17.png" />
											<a href="#">美少女PINK酱</a>
											<img src="img/t17.png" alt="" class="xiao"/>
											<p class="wen">
												<i class="fa fa-file-text-o" aria-hidden="true"></i>文章
											</p>
										</div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>139</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>461</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<div class="one" style="border: 1px solid #e0e0e0;padding: 15px 14px 0 14px;margin-top: 20px;">
										<div class="tou" style="overflow: hidden;">
											<div style="float: left;"><img src="img/t18.png" style="margin-right: 8px;width: 67px;height: 63px;" /></div>
											<div style="float: left;padding-top: 5px;">
												<h4 style="margin: 0;">-你是我全世界最喜欢的猪-</h4>
												<p style="margin: 0; color: #999;">热门内容</p>
											</div>
										</div>
										<p style="margin-top: 15px;">中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
										<div class="img"><img src="img/tu18.png" /></div>
										<div class="row" style="border: 1px solid #e0e0e0;border-bottom: none;">
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/1.png" alt="" /></a>42</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/2.png" alt="" /></a>71</div>
											<div class="col-md-4 col-4">
												<a href="#"><img src="img/3.png" alt="" /></a>更多</div>
										</div>
									</div>
									<a href="#" class="end">查看更多∨</a>
								</div>
							</div>
						</div>
						<div class="col-md-3 col-12" style="  padding-right: 0; padding-left: 0;">
							<div class="up">
								<h3>推荐关注</h3>
								<span class="huan">换一批</span>
								<ul class="x" style="margin: 0;">
									<li>
										<div class="tu" style="float: left;">
											<a href="#"><img src="img/a.png" / style="    padding: 5px 5px 0 0;"></a>
										</div>
										<div class="zi" style="float: left;">
											<a href="#">一望损莓苔</a>
											<p>擅长领域:<b style="font-weight: 600;"> 手工园艺</b></p>
										</div>
										<a href="#" class="dian">关注</a>
									</li>
									<li>
										<div class="tu" style="float: left;">
											<a href="#"><img src="img/b.png" / style="    padding: 5px 5px 0 0;"></a>
										</div>
										<div class="zi" style="float: left;">
											<a href="#">猫头鹰叔叔</a>
											<p>擅长领域:<b style="font-weight: 600;"> 摄影</b></p>
										</div>
										<a href="#" class="dian" style="margin-left: 49px;">关注</a>
									</li>
									<li>
										<div class="tu" style="float: left;">
											<a href="#"><img src="img/c.png" / style="    padding: 5px 5px 0 0;"></a>
										</div>
										<div class="zi" style="float: left;">
											<a href="#">兔纸鱼</a>
											<p>擅长领域:<b style="font-weight: 600;"> Q版</b></p>
										</div>
										<a href="#" class="dian" style="margin-left: 52px;">关注</a>
									</li>
									<li>
										<div class="tu" style="float: left;">
											<a href="#"><img src="img/d.png" / style="    padding: 5px 5px 0 0;"></a>
										</div>
										<div class="zi" style="float: left;">
											<a href="#">小熊奶黄包</a>
											<p>擅长领域:<b style="font-weight: 600;"> 壁纸Q版</b></p>
										</div>
										<a href="#" class="dian" style=" margin-left: 28px;">关注</a>
									</li>
								</ul>
								<a href="#" class="duo">查看更多></a>
							</div>
							<div class="ma">
								<img src="img/20190325145927_Yvswj.jpeg" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer>
			<div class="container">
				<div class="ooo" style="padding-top: 30px;">
					<div class="row">
						<div class="col-md-4 " style="border-right: 1px solid #999;">
							<h3 style="color: white">APP下载</h3>
							<img style="width:30%;height: 100%;margin: auto;display: block" src="./img/twoma.png" alt="">
							<h6 style="color: white;width: 150px;margin: auto;margin-top: 5px;">扫描二维码下载糖堆手机客户端</h6>
						</div>
						<div class="col-md-8" >
							<div class="col-md-3">
								<h3>关于我们</h3>
								<ul style="list-style: none;">
									<li>
										<a href="">关于我们</a>
									</li>
									<li>
										<a href="">加入我们</a>
									</li>
									<li>
										<a href="">联系我们</a>
									</li>
									<li>
										<a href="">上午合作</a>
									</li>
								</ul>
							</div>
							<div class="col-md-3">
								<h3>关注我们</h3>
								<ul style="list-style: none;">
									<li>
										<a href="">新浪微博</a>
									</li>
									<li>
										<a href="">微信公众号</a>
									</li>
								</ul>
							</div>
							<div class="col-md-3">
								<h3>友情链接</h3>
								<ul style="list-style: none;">
									<li>
										<a href="" style="float: left;margin-right: 30px;">爱物网</a>
									</li>
									<li>
										<a href="" style="float: left;margin-right: 30px;">东方女性</a>
									</li>
									<li>
										<a href="">肉丁网</a>
									</li>
									<li>
										<a href="">更多..</a>
									</li>
								</ul>
							</div>
						</div>
				    </div>
				<div class="sss">
					<div class="row">
						<div class="col-md-12" style="margin-top: 10px;">
							<span style="color: white">©2019 duitang.com 版权所有。</span>
							<a href="#">
								沪ICP备10038086号-3 <img src="./img/aa.png" alt=""><img style="margin-left: 6px" src="img/bb.png" alt="">丨</a>
							<span style="color: white">增值电信业务经营许可证：沪B2-20180610</span>
							<a href="">自营经营者信息</a>
							<div class="fff">
								<img src="img/cc.png" alt="">
								<a href="">上海市互联网违法和不良信息举报中心丨</a>
								<a href="">有害内容举报电话：021-63462282</a>
							</div>
						</div>
					</div>
				</div>
			</div>>
		</footer>

		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>

</html>